<link rel="stylesheet" href="<?php echo CSS; ?>/information_list.css">
   

    <!-- 分类 -->
    <section>
        <div class="container classify">
            <div class="row">
                <ul>
                    <li class="active"><a href="">全部新闻</a href=""></li>
                    <?php foreach($news_type as $val){ ?>
                        <li><a href="?new_type=<?php echo $val['new_type_id']; ?>"><?php echo $val['new_type_name']; ?></a></li>
                    <?php } ?>
                </ul>
            </div>
        </div>
    </section>

    <!-- 路径导航 -->
    <section>
        <div class="container">
            <div class="row">
                <ol class="path">
                    <li><a href="#">所在位置</a></li>
                    <li><a href="index.php">首页</a></li>
                    <li><a href="">资讯</a></li>
                </ol>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section>
        <div class="container show">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>新闻展示</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="show-list">
                    <div class="col-xs-12 col-sm-6 active">
                        <h3>20<span>2015-03</span></h3>
                        <a href=""><img src="./images/show-list/case_03.gif" class="center-block img-responsive" alt=""></a>
                        <h6>实体店该如何面对电商冲击</h6>
                        <p>移动互联网的到来，电商的出现，是历史发展的必然，任何人都
                            没办法阻止这股潮流，想躲你也躲不了想逃你也逃不掉，只有抱着积...</p>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h3>19<span>2015-03</span></h3>
                        <a href=""><img src="./images/show-list/02.png" class="center-block img-responsive" alt=""></a>
                        <h6>天猫启动“满天星”计划 500万化妆品可追溯真假</h6>
                        <p>天猫宣布，41家国内外知名化妆品品牌加入天猫美妆“满天星”计划,
                            第一期500万件通过天猫销售的化妆品都会印上二维...</p>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h3>18<span>2015-03</span></h3>
                        <a href=""><img src="./images/show-list/case_01.gif" class="center-block img-responsive" alt=""></a>
                        <h6>本土日化上市需要等待时机</h6>
                        <p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也
                            需要很多的资金，但是很多本土的日化企业尽管具有一定的经济实却...</p>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h3>07<span>2015-03</span></h3>
                        <a href=""><img src="./images/show-list/case_05.gif" class="center-block img-responsive" alt=""></a>
                        <h6>中国拟规定化妆品生产企业需建立全过程可追溯制度</h6>
                        <p>国家食品药品监管总局17日就《化妆品生产许可工作指南(暂行)》
                            和《化妆品生产许可检查要点(暂行)》公开征求意见。其中,检查...</p>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h3>21<span>2015-02</span></h3>
                        <a href=""><img src="./images/show-list/case_04.gif" class="center-block img-responsive" alt=""></a>
                        <h6>天猫启动“满天星”计划 500万化妆品可追溯真假</h6>
                        <p>3月16日，天猫宣布，41家国内外知名化妆品品牌加入天猫美妆“
                            ”计划。第一期500万件通过天猫销售的化妆品都会印上二维码身份证...</p>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h3>16<span>2015-02</span></h3>
                        <a href=""><img src="./images/show-list/06.png" class="center-block img-responsive" alt=""></a>
                        <h6>本土日化上市需要等待时机</h6>
                        <p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也
                            很多的资金，但是很多本土的日化企业尽管具有...</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 分页 -->
    <section>
        <div class="container page">
            <div class="row">
                <ul class="center-block">
                    <li class="before"><a href="">上一页</a></li class="next">
                    <li><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li class="next"><a href="">下一页</a></li>
                </ul>
            </div>
        </div>
    </section>

    
    <script>
        $(function () {
            $('.my-nav ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
            $('.classify ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
            $('.show .show-list div').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
        })
    </script>